<%@ page language="java" contentType="text/html; charset=UTF-8"
         pageEncoding="utf-8" %>
<%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c" %>
<%@ taglib uri="http://jsptags.com/tags/navigation/pager" prefix="pg" %>
<%@taglib prefix="shiro" uri="http://shiro.apache.org/tags" %>
<%
    String path = request.getContextPath();
    String basePath = request.getScheme() + "://" + request.getServerName() + ":" + request.getServerPort() + path + "/";
%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
    <title>车辆基础资料</title>
    <link href="<%=path%>/CSS/style.css" rel="stylesheet" type="text/css"/>
    <script type="text/javascript" src="<%=path%>/JQuery/jquery-1.8.2.js"></script>
    <script type="text/javascript" src="<%=path%>/My97DatePicker/WdatePicker.js"></script>
    <%@ include file="/WEB-INF/JSP/ajax.jsp" %>
    <style type="text/css">
        .seachform li label {
            line-height: 45px;
            color: #444444
        }

        .scinput {
            line-height: 10px;
            margin-top: 5px
        }

        .scinput1 {
            margin-top: 5px;
            height: 30px;
        }

        .scbtn {
            background: #57a0ff;
            border-radius: 20px;
            width: 110px;
            margin-top: 4px;
            height: 35px
        }

        .scbtn2 {
            height: 20px;
            background: #57a0ff;
            border-radius: 20px;
            width: 50px;
            color: #fff;
            display: none;
        }

        .tablelist th {
            background: none;
            border-bottom: none;
        }

        thead {
            background: #f2f2f2
        }

        .tablelist th {
            height: 45px;
            padding-left: 30px
        }

        .tablelist td {
            border-right: none;
            padding-left: 30px
        }

        tbody tr {
            height: 38px
        }

        .check {
            padding-left: 0px
        }

        a {
            cursor: pointer;
        }

        .tablelist {
            width: 500px;
            border: 0px;
            border-collapse: collapse;
            border-spacing: 0;
        }

        .tablelist tr {
            height: 30px;
        }

        .tablelist tr td {
            border-bottom: 1px solid #BBB;
        }

        #red {
            background: #ffa49b;
        }

        #red:hover {
            background: #ffa49b;
        }

        #yellow {
            background: #efff0e;
        }

        #yellow:hover {
            background: #efff0e;
        }

    </style>
</head>
<body style="background: #f5f5f5;padding: 0 10px;">
<div id="location_top">
    <div class="place" style="background: #f5f5f5;margin-top: 10px">
        <ul class="placeul">
            <li><a href="#">基础资料</a></li>
            <li><a href="#">车辆基础资料</a></li>
            <li><a href="<%=path%>/DrivingSys/queryCar/look.action">车辆</a></li>
        </ul>
    </div>

    <div class="rightinfo" style="background: #fff;border-radius:10px;height: 45px;">

        <form action="<%=path%>/DrivingSys/queryCarByFnumber" method="post">
            <ul class="seachform">
                <li><label>车牌号</label><input name="fnumber" type="text" class="scinput" value="${fnumber}"/></li>
                <li><label>&nbsp;</label><input name="" type="submit" class="scbtn" value="立即查询"/></li>
            </ul>
        </form>
    </div>
</div>
<div id="data_table_new"
     style="margin-bottom: 0px;margin-top: 30px;background: #fff;border-radius:10px;box-shadow: 0 0 10px #f2f2f2;">
    <ul>
        <li style="height: 40px;text-align: left;color: #999999;">
				  <span style="font-size: 12px;">
				  <shiro:hasPermission name="/insertCar">
                      <img alt="" style="margin-top: 20px;margin-left: 22px;height: 12px;"
                           src="<%=path%>/images/list/xz.png">
                      &nbsp;<a href="<%=path%>/DrivingSys/insertCar">新增</a>
                  </shiro:hasPermission>
				  <shiro:hasPermission name="/deleteCarByFid">
                      <img alt="" style="margin-top: 20px;margin-left: 22px;height: 12px;"
                           src="<%=path%>/images/list/sc.png">
                      &nbsp;<a class="del">删除</a>
                  </shiro:hasPermission>
				 <shiro:hasPermission name="/selectCarByFid">
                     <img alt="" height="11px" src="<%=path%>/images/list/xg.png" style="padding-left: 20px">
                     <a class="modify">修改</a>
                 </shiro:hasPermission>
					  <shiro:hasPermission name="/selectCarByFid">
                          <img alt="" style="margin-top: 20px;margin-left: 22px;height: 12px;width: 14px"
                               src="<%=path%>/images/list/excel.png">
                          &nbsp;<a class="outCarExcel">导出Excle</a>
                      </shiro:hasPermission>
				  </span>
        </li>
    </ul>
    <table class="tablelist" style="white-space:nowrap;">
        <thead>
        <tr>
            <th><input type="checkbox" class="check2"></th>
            <th>车牌号</th>
            <th>车型</th>
            <th>简称</th>
            <th>备注</th>
            <th>创建时间</th>
            <th>最后修改时间</th>
            <th>创建人</th>
            <th>修改人</th>
            <th>入户日期</th>
            <th>车架号</th>
            <th>发动机号</th>
            <th>年检到期日</th>
            <th>交强险到期日</th>
            <th>商业险到期日</th>
            <th>二级维护到期日</th>
            <th>综检到期日</th>
            <th>发动机保养到期日</th>
            <th>科目三通行证到期日</th>
            <th>所属机构</th>
            <th>产地</th>
            <th>品牌</th>
            <th>保单号</th>
            <th>商业险日期</th>
            <th>交强险日期</th>
            <th>年检日期</th>
            <th>二级维护日期</th>
            <th>综检期日</th>
            <th>发动机保养日期</th>
            <th>科目三通行证期日</th>
            <th>购买价格</th>
            <th>购买日期</th>
            <th>理论油耗</th>
            <th>操作</th>
        </tr>
        </thead>
        <c:forEach items="${cars}" var="car" varStatus="s">
            <c:choose>
                <c:when test="${car.cfnjdqr_type >= 0}">
                    <tr class="xq" id="red">
                </c:when>
                <c:otherwise>
                    <c:choose>
                        <c:when test="${car.cfjqxdqr_type >= 0||car.cfsyxdqr_type >= 0||car.cfejwhrq_type >= 0||car.cfkmstxzrq_type >= 0}">
                            <tr class="xq" id="yellow">
                        </c:when>
                        <c:otherwise>
                            <tr class="xq">
                        </c:otherwise>
                    </c:choose>
                </c:otherwise>
            </c:choose>
            <td><input type="checkbox" class="check" value="${car.fid}" name="check"/></td>
            <td>${car.fnumber}</td>
            <td>${car.fnameL2}</td>
            <td>${car.fsimplename}</td>
            <td>${car.fdescriptionL2}</td>
            <td>${car.fcreatetime}</td>
            <td>${car.flastupdatetime}</td>
            <td>${car.createName}</td>
            <td>${car.updateName}</td>
            <td>${car.cfrhrq}</td>
            <td>${car.cfcjh}</td>
            <td>${car.cffdjh}</td>
            <td>${car.cfnjdqr}</td>
            <td>${car.cfjqxdqr}</td>
            <td>${car.cfsyxdqr}</td>
            <td>${car.cfejwhdqr}</td>
            <td>${car.cfzjdqr}</td>
            <td>${car.cfbydqr}</td>
            <td>${car.cfkmstxzdqr}</td>
            <td>${car.deptName}</td>
            <td>${car.cfcd}</td>
            <td>${car.cfpp}</td>
            <td>${car.cfbdh}</td>
            <td>${car.cfsyxrq}</td>
            <td>${car.cfjqxrq}</td>
            <td>${car.cfnjrq}</td>
            <td>${car.cfejwhrq}</td>
            <td>${car.cfzjrq}</td>
            <td>${car.cfbyrq}</td>
            <td>${car.cfkmstxzrq}</td>
            <td>${car.cfgmjg}</td>
            <td>${car.cfgmrq}</td>
            <td>${car.cfllyh}</td>
            <td>
                <shiro:hasPermission name="/selectCarByFid">
                    <img alt="" height="11px" src="<%=path%>/images/list/xg.png">
                    <a onclick='dangxg("${car.fid}")' class="tablelink">修改</a>
                </shiro:hasPermission>
                <shiro:hasPermission name="/deleteCarByFid">
                    <img alt="" style="margin-top: 20px;margin-left: 22px;height: 12px;"
                         src="<%=path%>/images/list/sc.png">
                    &nbsp;<a class="delOne" class="tablelink" style="color: #056dae">删除<input type="hidden" value="${car.fid}"></a>
                    &nbsp;&nbsp;&nbsp;
                </shiro:hasPermission>
            </td>
            </tr>
        </c:forEach>
    </table>
</div>
<div id="location_bottom">
    <pg:pager items="${pb.tr}" url="${pb.url}" export="offset,currentPageNumber=pageNumber" maxPageItems="${pb.ps}">
        <pg:param name="fnumber" value="${fnumber}"/>
        <pg:index>
            <pg:first>
                <a href="${pageUrl}&&type=${type}">
                    <nobr>
                        [首页]
                    </nobr>
                </a>
            </pg:first>
            <pg:prev><a href="${pageUrl}&&type=${type}">前一页</a></pg:prev>
            <pg:pages>
                <c:choose>
                    <c:when test="${currentPageNumber eq pageNumber}">
                        <font color="red">${pageNumber }</font>
                    </c:when>
                    <c:otherwise>
                        <a href="${pageUrl}&&type=${type}">${pageNumber}</a>
                    </c:otherwise>
                </c:choose>
            </pg:pages>
            <pg:next><a href="${pageUrl}&&type=${type}">下一页</a></pg:next>
            <pg:last><a href="${pageUrl}&&type=${type}">
                <nobr>[尾页]</nobr>
            </a></pg:last>
        </pg:index>
    </pg:pager>
</div>
<div style="height: 30px"></div>
<div id="tip2"></div>
<div class="tip">
    <div class="tiptop">
        <span>提示信息</span>
    </div>
    <div class="tipinfo">
        <span><img src="<%=path%>/images/ticon.png"/></span>
        <div class="tipright">
            <p>是否确认对信息删除 ？</p>
            <cite>如果是请点击确定按钮 ，否则请点取消。</cite>
        </div>
    </div>
    <div class="tipbtn">
        <input name="" type="button" class="sure" value="确定"/>&nbsp; <input
            name="" type="button" class="cancel" value="取消"/>
    </div>
</div>
</body>
<script type="text/javascript" src="<%=path%>/JS/tempJs/tool.js"></script>
<script type="text/javascript">
    $(function () {
        //设置删除弹框的left值
        $(".tip").css("left",$(".tablelist").width()-1000)
    })

    $(document).ready(function () {
        fixation_List()
        var flag = "${flag}"
        if (flag == null || flag == '') {

        } else {
            editAlert();
        }
        //删除多个
        $('.del').click(function () {
            /* $('.check').toggle() */
            /* $('.scbtn2').toggle() */
            var fidids = document.getElementsByName("check");
            var carid;
            for (var i = 0; i < fidids.length; i++) {
                if (fidids[i].checked) {
                    carid = fidids[i].value;
                }
            }
            if (carid == null || carid == "") {
                alert("请至少选择一条数据删除")
                return false
            } else {
                $(".tip").fadeIn(200);
                $("#tip2").css('visibility', 'visible');
            }
            $(".sure").click(function () {
                $(".tip").fadeOut(100);
                // $('.check').toggle()
                //$('.scbtn2').toggle()
                /* location='deleteCarByFid?deleteId='+deleteId+''; */
                var str = new Array();
                var fids = document.getElementsByName("check");
                for (var i = 0; i < fids.length; i++) {
                    if (fids[i].checked) {
                        str[i] = fids[i].value;
                    }
                }
                location = '<%=path%>/DrivingSys/deleteCarByFid?deleteId=' + str + '';
            })

            $(".cancel").click(function () {
                $(".tip").fadeOut(100);
                $("#tip2").css('visibility', 'hidden');
            });
        })
        //删除单个
        $('.delOne').click(function () {
            $(".tip").animate(({top: $(window).scrollTop()+250}));

            var fid = $(this).find("input:hidden").val();
            $("#tip2").css('visibility', 'visible');
            $(".tip").fadeIn(200);
            $(".sure").click(function () {
                location = '<%=path%>/DrivingSys/deleteCarByFid?fid=' + fid + '';
            })

            $(".cancel").click(function () {
                $(".tip").fadeOut(100);
                $("#tip2").css('visibility', 'hidden');
            });
        })



        //修改
        $(".modify").click(function () {
            var stringFid;
            var fids = document.getElementsByName("check");
            for (var i = 0; i < fids.length; i++) {
                if (fids[i].checked) {
                    stringFid = fids[i].value;
                    var fid = encodeURI(stringFid).replace(/\+/g, '%2B')
                    gotoSelectCard(this,'/DrivingSys/selectCarByFid?fid='+fid);
                    <%--location = '<%=path%>/DrivingSys/selectCarByFid?fid=' + stringFid + '';--%>
                    return false
                }
            }
            if (stringFid == null || stringFid.length == 0) {
                alert("请至少选择一条数据修改")
                return false
            }
        })
        //查询详情
        $(".xq").dblclick(function () {
            var modify = $(".modify").text();
            if (modify == '' || modify == null) {

            } else {
                var fid2 = $(this).find(".check").val();
                //避免fid中有+，或者特殊字符
                var fid = encodeURI(fid2).replace(/\+/g, '%2B')
                console.log(fid);
                gotoSelectCard(this,'/DrivingSys/selectCarByFid?fid='+fid);

                <%--//location = '<%=path%>/DrivingSys/selectCarByFid?fid=' + fid + '';--%>
            }
        })
    })

    //设置全选功选
    $('.check2').click(function () {
        if ($(this).attr("checked")) {
            $(":checkbox").prop("checked", true)
        } else {
            $('input:checkbox').removeAttr('checked')
        }
    })

    //点击单个修改
    function dangxg(fid){
        var f=""+fid;
        console.log(f);
        if (fid == '' || fid == null) {
        } else {
            //避免fid中有+，或者特殊字符
            var fids = encodeURI(fid).replace(/\+/g, '%2B')
            gotoSelectCard(this,'/DrivingSys/selectCarByFid?fid='+fids);
            <%--//location = '<%=path%>/DrivingSys/selectCarByFid?fid=' + fid + '';--%>
        }

    }

    //导出
    $('.outCarExcel').live('click', function () {
        var fnumber = $("input[name='fnumber']").val();//车牌号
        location = '<%=path%>/DrivingSys/importCar?fnumber=' + fnumber
    })
</script>
</html>